<%@page import="cn.it.ygh.service.impl.HouseServiceImpl"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<title>优购房源</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/house/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/house/js/jquery.page.min.js"></script>
    
    <link rel="stylesheet" rev="stylesheet" href="${pageContext.request.contextPath}/house/css/Common_Publish.css" type="text/css">
</head>
  <body>
  <div id="header" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc4-399" data-genuitec-path="/YourGoalHouse/src/main/webapp/house/jsp/houseList.jsp">
	<div class="header">
		<h1 class="logo">
			<a href="#" class="ygf-logo" target="_blank">优购房</a>
        </h1>
        <div class="userlogin">
            <a target="_blank" href="http://user.anjuke.com/favorite/fangyuan?from=img" class="username">17779177440</a>
            <a href="http://member.anjuke.com/logout?sid=anjuke&url=aHR0cDovL2kuYW5qdWtlLmNvbQ%3D%3D&from=ifb" class="exit">退出登录</a>
            <a href="http://i.anjuke.com/?from=ifb" class="manage" target="_blank">管理房源</a>
		</div>
	</div>
 </div>
<div id="container" class="container">
    <div class="subheader">
		<div class="sh-title">
			<div class="sh-line"></div>
			<h3>优购房源</h3>
		</div>
		<p>每天数百万真实用户，优购房帮你快速找到精准客户。</p>
    </div><!-- Toolbar End  -->
<div class="publish-basic">
<form action="/YorGoalHouse/house/getPageData.do" id="basic_publish" class="publish-box" method="post">
	<input id="hidden_cityid" name="cityid" value="" type="hidden">
	<div id="page_ctrl" style="overflow: hidden; height: 490px; width: 1000px;">
		<div id="page_ctrlbar" style="height: 490px; width: 2000px;">
			<div class="basic-info" style="float: left;">
        <table id="tab">
  		<tr>
  			<th>房源ID</th>
  			<th>出售方式</th>
  			<th>省份</th>
  			<th>城市</th>
  			<th>小区地址</th>
  			<th>房型</th>
  			<th>面积</th>
  			<th>价格</th>
  			<th>中介名</th>
  			<th>联系电话</th>
  			<th>操作</th>
  		</tr>
  	  <!-- <c:forEach items="${houseList}" var="h">
  	   <tr>
  	        <td>${h.houseId}</td>
  	        <td>${h.houseSellType}</td>
  	        <td>${h.houseProvince}</td>
  	        <td>${h.houseCity}</td>
  	        <td>${h.houseAddress}</td>
  	        <td>${h.houseLayout}</td>
  	        <td>${h.houseArea}</td>
  	        <td>${h.housePrice}</td>
  	        <td>${h.houseAgentAccount}</td>
  	        <td>${h.houseAgentTele}</td>
  	        <td><a tabindex="-1" href="/YorGoalHouse/house/editLoad.do?id=" id="basic_nextstep" class="btn">修改</a></td>
  	   </tr>
  	   </c:forEach>-->
		 	</table>
            <!--  <table class="table1">
            <td class="td1"><a tabindex="-1" href="/YorGoalHouse/house/addLoad.do" id="basic_nextstep" class="btn">增加</a></td>
			<td class="td1"><a tabindex="-1" href="/YorGoalHouse/house/editLoad.do?id=" id="basic_nextstep" class="btn">修改</a></td>
			<td class="td1"><a tabindex="-1" href="/YorGoalHouse/house/delete.do?id=" id="basic_nextstep" class="btn">删除</a></td>	
            </table>-->
            </div> 
			</div> 
		</div>
		</div>
		</div>
		</form>
		</div>						
  </body>
  <script type="text/javascript">
	$(function(){
			var CONSTANT = {
				DATA_TABLES : {
					DEFAULT_OPTION : { //DataTables初始化选项
						language: {
							"sProcessing":   "处理中...",
							"sLengthMenu":   "每页 _MENU_ 项",
							"sZeroRecords":  "没有匹配结果",
							"sInfo":         "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
							"sInfoEmpty":    "当前显示第 0 至 0 项，共 0 项",
							"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
							"sInfoPostFix":  "",
							"sSearch":       "搜索:",
							"sUrl":          "",
							"sEmptyTable":     "表中数据为空",
							"sLoadingRecords": "载入中...",
							"sInfoThousands":  ",",
							"oPaginate": {
								"sFirst":    "首页",
								"sPrevious": "上页",
								"sNext":     "下页",
								"sLast":     "末页",
								"sJump":     "跳转"
							},
							"oAria": {
								"sSortAscending":  ": 以升序排列此列",
								"sSortDescending": ": 以降序排列此列"
							}
						},
						autoWidth: false,   //禁用自动调整列宽
						stripeClasses: ["odd", "even"],//为奇偶行加上样式，兼容不支持CSS伪类的场合
						order: [],          //取消默认排序查询,否则复选框一列会出现小箭头
						processing: false,  //隐藏加载提示,自行处理
						serverSide: true,   //启用服务器端分页
						searching: false    //禁用原生搜索
					},
					COLUMN: {
						CHECKBOX: { //复选框单元格
							className: "td-checkbox",
							orderable: false,
							width: "30px",
							data: null,
							render: function (data, type, row, meta) {
								return '<input type="checkbox" class="iCheck">';
							}
						}
					},
				}
		};
		var _table= $('.table-sort').dataTable({
			language:CONSTANT.DATA_TABLES.DEFAULT_OPTION.language,  //提示信息
            autoWidth: true,  //禁用自动调整列宽
            stripeClasses: ["odd", "even"],  //为奇偶行加上样式，兼容不支持CSS伪类的场合
            processing: true,  //隐藏加载提示,自行处理
            serverSide: true,  //启用服务器端分页
            searching: false,  //禁用原生搜索
            orderMulti: false,  //启用多列排序
            order: [],  //取消默认排序查询,否则复选框一列会出现小箭头
            renderer: "jquery-ui",  //渲染样式：Bootstrap和jquery-ui
            pagingType: "simple_numbers",  //分页样式：simple,simple_numbers,full,full_numbers
            columnDefs: [{
                "targets": 'nosort',  //列的样式名
                "orderable": false    //包含上样式名‘nosort’的禁止排序
            }],
            ajax: function (data, callback, settings) {
                //封装请求参数
                var param = getParam(data);
              // var param = {};
              //  param.curr = (data.start / data.length)+1; //当前页码
               // param.pageSize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
                /*
                param.start = data.start;//开始的记录序号
                param.page = (data.start / data.length)+1;//当前页码
                */
                //ajax请求数据
                $.ajax({
                    type: "GET",
                    url: "${pageContext.request.contextPath}/getPageData.do",
                    cache: false,  //禁用缓存
                    data: param,  //传入组装的参数
                    dataType: "json",
                    success: function (result) {
                            //封装返回数据
                         //	document.getElementById("total").innerText=result.total;
                            var returnData = {};
                            returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
                            returnData.recordsTotal = result.total;//返回数据全部记录
                            returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
                            returnData.data = result.data;//返回的数据列表 
                            //console.log(returnData);
                            //调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
                            //此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
                            callback(returnData);
                    }
                });
            },
            //列表表头字段
            aoColumns: [
            	CONSTANT.DATA_TABLES.COLUMN.CHECKBOX,
                { "data": "houseId" },
                { "data": "houseSellType" },
                { "data": "houseProvince" },
                { "data": "houseCity" },
                { "data": "houseAddress" },
                { "data": "houseLayout" },
                { "data": "houseArea" },
                { "data": "housePrice" },
                { "data": "houseAgentAccount" },
                { "data": "houseAgentTele" },
                { 
                	"data": null,
                	"defaultContent":""
                }
            ],
            "createdRow": function ( row, data, index ) {
            //行渲染回调,在这里可以对该行dom元素进行任何操作
            //给当前行加样式
            //不使用render，改用jquery文档操作呈现单元格
            var $btnEdit = $('<button type="button" class="btn btn-small btn-primary btn-edit" id = "revise" >修改</button>');
            var $btnDel = $('<button type="button" class="btn btn-small btn-danger btn-del" id = "delete">删除</button>');
            $('td', row).eq(10).append($btnEdit).append($btnDel);
 
        }
        }).api();
		//搜索
        $("#search").click(function(){
			_table.draw();
		});
		
		$("#revice").click(function(){
			
		});
		
		$("#delete").click(function(){
			
		});
	});
	function getParam(){
		var param = {};
		var key = document.getElementById("key").value;
		param.curr = (data.start / data.length)+1;;
        param.pageSize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
		if(key.trim().length != 0)
		{
			param.key= key;
		}
		else
		{
			param.key = "";
		}
		return param;
	}
</script>

</html>